<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>会议展示</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all">
  <link rel="stylesheet" href="../../layuiadmin/style/admin.css" media="all">
</head>
<body>

  <div class="layui-card layadmin-header">
    <div class="layui-breadcrumb" lay-filter="breadcrumb">
      <a lay-href="">会议中心</a>
      <a><cite>会议展示</cite></a>
    </div>
  </div>

  <div class="layui-fluid">
    <div class="layui-row layui-col-space15">
      <div class="layui-col-md12">
        <div class="layui-card layui-form" lay-filter="component-form-element">
          <div class="layui-card-header">会议展示</div>
          <div class="layui-card-body">
          
            <div class="cmtMbrMng-btn" style="margin-bottom: 10px;">
              <div class="layui-inline">
              	<div class="layui-input-inline">
	                <select name="qrytype" id="mtgShow-qrytype" lay-verify="">
		                <option value="">请选择一个查询类型</option>
		                <option value="1">会议标题</option>
		                <option value="2">主持人</option>
		                <option value="3">时间</option>
		                <option value="4">地点</option>
		                <option value="5">参加人</option>
		                <option value="6">议程</option>
		                <option value="7">评审对象</option>
		              </select>
              	</div>
              	<div class="layui-input-inline">
		              <input class="layui-input" name="qryname" id="mtgShow-qryname" placeholder="请输入查询内容" autocomplete="off">
              	</div>
              </div>
              <button class="layui-btn" data-type="btnSearch">搜索</button>
            </div>
             
            <table class="layui-hide" id="mtgShow-table" lay-filter="mtgShow-table"></table> 
          </div>
        </div>
      </div>
    </div>
  </div>

	<script src="../../layuiadmin/layui/layui.js"></script> 
	<script>
	layui.config({
	  base: '../../layuiadmin/' //静态资源所在路径
	}).extend({
	  index: 'lib/index' //主入口模块
	}).use(['index', 'table', 'form'], function(){
	  var table = layui.table
	  ,admin = layui.admin
	  ,layer = layui.layer
	  ,form = layui.form;

	  form.render(null, 'component-form-element');
	  
	  table.render({
	    elem: '#mtgShow-table'
	    ,url: layui.setter.base + 'json/table/user.js'
	    ,cellMinWidth: 80
	    ,id: 'ID'
	    ,cols: [[
	      {field:'username', title: '会议标题'}
        ,{field:'sex', title: '主持人', sort: true}
        ,{field:'city', title: '时间'}
        ,{field:'sign', title: '地点'}
        ,{field:'experience', title: '会议类型', sort: true}
	    ]]
	    ,page: true
	  });
	  
		var $ = layui.$, active = {
			btnSearch : function() {
				var tmplContent = $('#mtgShow-qryname');
				// 执行重载
				table.reload('mtgShow-table', {
					page : {
						curr : 1
					// 重新从第 1 页开始
					},
					where : {
						key : {
							id : tmplContent.val()
						}
					}
				});
			}
		};
	  
	  $('.cmtMbrMng-btn .layui-btn').on('click', function(){
	    var type = $(this).data('type');
	    active[type] ? active[type].call(this) : '';
	  });

	});
	</script> 
</body>
</html>